<template>
	<view class="content">
		<view class="status_bar" :style="{height:status_bar_height+'px'}"></view>
		<view class="header" :style="{height:navigation_bar_height+'px'}">
			<view class="return"> <text class="iconfont icon-zuo"></text> 返回</view>
			<view class="title">房屋认证</view>
		</view>
	</view>
</template>

<script>
	export default {
		// 去除微信小程序生成多一层标签
		options: {
			virtualHost: true
		},
		data() {
			return {
				status_bar_height: 0,
				navigation_bar_height: 46,
			};
		},
		created() {
			//获取平台信息 处理平台差异
			const systemInfo = uni.getSystemInfoSync();
	
			//获取状态栏高度
			this.status_bar_height = systemInfo.statusBarHeight
			// console.log('状态栏的高度是', this.status_bar_height);
			//微信小程序 导航栏高度
	
			// #ifdef MP-WEIXIN
	
			const custom = wx.getMenuButtonBoundingClientRect(); //胶囊按钮信息
			// console.log("custom", custom);
	
			//导航高度=胶囊按钮高度+ （距离顶部距离-状态栏高度）*2；
	
			this.navigation_bar_height = custom.height + (custom.top - systemInfo.statusBarHeight) * 2
	
			// #endif
		},
	}
</script>

<style lang="less">
	.content{
		background-color: #ffffff;
		.header{
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			color: #0f0f0f;
			font-size: 30rpx;
			.return {
				position: absolute;
				left: 20rpx;
				.icon-zuo{
					font-size: 30rpx;
				}
			}
		}
	}
</style>